<template>
    <el-form status-icon  ref="ruleForm" label-width="100px" class="demo-ruleForm">
        <el-form-item label="用户名" prop="age">
            <el-input ></el-input>
        </el-form-item>
        <el-form-item label="密码" prop="pass">
            <el-input type="password" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="确认密码" prop="checkPass">
            <el-input type="password"  autocomplete="off"></el-input>
        </el-form-item>

        <el-form-item>
            <el-button type="primary" @click="submitForm">提交</el-button>
        </el-form-item>
    </el-form>
</template>

<script>
export default {
  name: 'HelloWorld',
    data() {
        return {
        };
    },
    methods: {
        submitForm() {
            this.$router.push("/home");
        },
        resetForm() {
            // this.$refs[formName].resetFields();
        }
    }



}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h3 {
  margin: 40px 0 0;
}
ul {
  list-style-type: none;
  padding: 0;
}
li {
  display: inline-block;
  margin: 0 10px;
}
a {
  color: #42b983;
}
</style>
